// // less混入
// // 你在less当中定义一个函数返回一个css代码，
// // 然后在别的地方调用这个函数。这个过程就叫混入（就是函数是可以复用的）


// //演示混入（选择器混入）
// .abc{
//     width: 100px;
//     height: 100px;
// }
// .box{
//     .abc{}
// }

// #abc{
//     width: 100px;
//     height: 100px;
// }
// .box{
//     #abc()
// }

// .abc2 (){
//     width: 600px;
//     height: 200px;

// }
// .box2{
//     .abc2()
// }


// .abc3 (@width){
//     width: @width;
//     height: @width;

// }
// .box3{
//     .abc3(500px)
// }

// 鼠标经过上移阴影动画
.hoverShadow () {
    transition: all .5s;
    &:hover {
      transform: translate3d(0,-3px,0);
      box-shadow: 0 3px 8px rgba(0,0,0,0.2);
    }
  }